<!--  -->
<template>
  <div class="wrap">
    <Header></Header>
    <Banner></Banner>
    <MainBox></MainBox>
    <Footer></Footer>
  </div>
</template>

<script lang='ts'>
import { defineComponent, ref } from 'vue';
import Header from '../components/header/index.vue';
import Footer from '../components/footer/index.vue';
import Banner from '..//components/banner/index.vue'
import MainBox from './main/index.vue';
export default defineComponent({
  name: 'Index',
  components: {
    Header, Footer,
    MainBox, Banner
  },
  setup() {
    const refData = ref(0);
    return {
      refData,
    }

  }
});
</script>
<style scoped lang="scss">
html {
  font-size: 370px !important;
}

body {
  font-size: 16px !important;
}
</style>